<!DOCTYPE html>
<!-- HTML5 Boilerplate -->
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zh-CN"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]>
<html class="no-js lt-ie9 lt-ie8" lang="zh-CN"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]>
<html class="no-js lt-ie9" lang="zh-CN"><![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="zh-CN">
<!--<![endif]-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>众源效果</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link href="css/reset.css" rel="stylesheet" />
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/nf.min.css" rel="stylesheet" />
    <link href="css/swiper.min.css" rel="stylesheet" />
    <link href="css/css.css" rel="stylesheet" />
    <link href="css/zy.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
</head>

<body>
    <!-- ========================= 通用导航 ======================== -->


    <hgroup class="navbar ">
        <div class="navbar-header container">
            <div class="navbar-brand">
                <a href="#" class="logo">
                    <!-- <img  src="images/logo.png"  alt="易点科技" draggable="false" class="img-sy"> --></a>
            </div>
            <div class="nav-right menu_nav">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <nav class="nav-right nav-top-l">
                <ul class="navbar-nav nav1 row">
                    <li class="cur">
                        <a href="index.html">众源</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="ziyuan.html">资源搜索</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="jiaocheng.html">使用教程</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="biaozhun.html">众源标准</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="page.html">关于我们</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li id="userbox">
                        <a href="login.html">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="register.html">注册</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="">中文</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="">English</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        
                        <sub class="sub1"></sub>
                    </li>
                </ul>
            </nav>
        </div>
    </hgroup>
    <!-- //////////////////////// 通用导航 结束 //////////////////////// -->
    <!-- ========================= 通用banner图 ======================== -->
    <div class="header">
        <div class="flexslider" data-namespace="home-banner-" data-animation="slide" data-speed="5000" data-controls-container=".home-banner-controllers" data-control-nav=true data-direction-nav=false data-autoplay=true data-hover-pause=true>
            <ul class="slides clearfix">
                <li class="align-vertical" style="background:url(images/ad1.jpg) no-repeat center center;background-size:cover">
                    <div class="vertical-inner">
                        <div class="container">
                            <!--  <p class="txt-tit"></p>-->
                            <div class="bBox">
                                <span>众源</span>
                                <label>USources</label>
                            </div>
                            <p class="h4 txt2 container" style="margin-top:180px;">
                                众源(众里寻他千百度，唯有源头活水来)是语义信息科技有限公司的旗舰产品，致力于“数据商业化”的标准制定和机构数据的深度对接和集成。
                            </p>
                        </div>
                    </div>
                </li>

            </ul>
        </div>

    </div>
    <!-- //////////////////////// 通用banner图 结束 //////////////////////// -->
    <article>
        <!-- 数据 -->
        <section class="counters">
            <div class="container">
                <div class="con-tit con-tit2">
                    <div class="h4">我们只致于力做好一件事：给客户提供基于互联网技术的数字化解决方案，虽然它包括视觉设计、用户行为研究、交互效果、技术服务以及基于移动端和传统平台的营销支持</div>
                    <ul class="dq_info" style="margin-top: 100px;font-size: 14px;width:550px;">
                        <li style="height: 28px;" id="areaBox">
                            <b class="l">地区：</b>
                            <a href="javascript:;" data-type="region">北京</a>
                            <a href="javascript:;" data-type="region">上海</a>
                            <a href="javascript:;" data-type="region">浙江</a>
                            <a href="javascript:;"> ... </a>
                        </li>
                        <li  id="domainsBox">
                            <b class="l">领域：</b>
                            <a href="javascript:;" data-type="domains">经济</a>
                            <a href="javascript:;" data-type="domains">政府</a>
                            <a href="javascript:;" data-type="domains">金融</a>
                            <a href="javascript:;">...</a>
                        </li>
                        <a href="ziyuan.html" class="a1">立即搜索</a>
                    </ul>
                    
                </div>
            </div>
            <div class="full_section_inner container">
                <div class="counter_list  clearfix">
                    <ul>
                        <li class="col-md-2 col-sm-4 col-xs-6">
                            <div class="q_counter_holder">
                                <span class="counter counter1">560</span>
                                <p class="counter_text">上海数据集</p>
                            </div>
                        </li>
                        <li class="col-md-2 col-sm-4 col-xs-6">
                            <div class="q_counter_holder">
                                <span class="counter counter2">680</span>
                                <p class="counter_text">北京数据集</p>
                            </div>
                        </li>
                        <li class="col-md-2 col-sm-4 col-xs-6">
                            <div class="q_counter_holder">
                                <span class="counter counter3">2015</span>
                                <p class="counter_text">美国数据集</p>
                            </div>
                        </li>
                        <li class="col-md-2 col-sm-4 col-xs-6">
                            <div class="q_counter_holder">
                                <span class="counter counter4">708</span>
                                <p class="counter_text">台湾数据集</p>
                            </div>
                        </li>
                        <li class="col-md-2 col-sm-4 col-xs-6">
                            <div class="q_counter_holder">
                                <span class="counter counter5">368</span>
                                <p class="counter_text">其它数据集</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- ICO文字 -->
        <section class="container">
            <div class="business_list">
                <ul class="row shadow-grid p-h-s m-v-l">
                    <li class="col-md-4 col-sm-12 col-xs-12">
                        <a href="javascript:void(0)" class="p-s">
                            <div class="business_icon">


                            </div>
                            <div class="business_txt">
                                <h2>实时对接</h2>
                                <p class="h5">
                                    和广泛机构公司等的关系数据库(如MySQL或Oracle)实时连接，实时更新，快的1s同步，慢的至少1天更新一次，数据永远同步不过时。最新鲜的最新数据永远是最有价值的数据。
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="col-md-4 col-sm-12 col-xs-12">
                        <a href="javascript:void(0)" class="p-s">
                            <div class="business_icon">

                            </div>
                            <div class="business_txt">
                                <h2>虚拟本地</h2>
                                <p class="h5">
                                    像操作自己的本地数据库一样。巨大的云平台建设，测试查询性能和速度永远大于或等于本地数据库的查询速度，用户不再用下载，可把平台数据当成自己的本地数据来使用。
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="col-md-4 col-sm-12 col-xs-12">
                        <a href="javascript:void(0)" class="p-s">
                            <div class="business_icon">

                            </div>
                            <div class="business_txt">
                                <h2>格式统一</h2>
                                <p class="h5">
                                    所有数据不管是Oracle还是MySQL还是SQLServer，或者是XML数据，都被转化为RDF本体和JSON两种格式，分概念和实例两种去解读数据。用户不用再为学习各种文档而烦恼。
                                </p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </section>
        <!--  创造价值  -->
        <section class="partner_sec">
            <div class="container">
                <h1>让我们携手创造价值</h1>
                <div class="flexslider2">
                    <ul class="slides">
                        <li class="h4">
                            利用“信息科技”来推动社会经济和文化的进步和发展。-使实时数据链接世界 - 使众源成为数据基建的标杆平台
                        </li>
                        <li class="h4">对于信任我们的客户，我想说的是：这不仅仅是生意上的关系，而是共同成长的过程；合作带来的远远不止是利润，更多的是经验上的积累和更广阔的发展空间，而这些，才是无价的财富</li>
                    </ul>
                </div>
            </div>
        </section>
        <section class="partner_processEngine">
            <img src="images/linesz.jpg" alt="">
        </section>
        <section class="partner_list">
            <div class="container">
                <div class="qode_carousels">
                    <ul class="slides">
                        <li class="item"><img src="images/client1.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client2.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client3.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client4.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client5.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client6.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client7.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client8.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client9.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client1.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client2.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client3.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client4.jpg" draggable="false" class="img-responsive" /></li>
                        <li class="item"><img src="images/client5.jpg" draggable="false" class="img-responsive" /></li>
                    </ul>
                </div>
            </div>
        </section>
    </article>
    <!--底部-->
    <footer>
        <div class="footer_con">
            <div class="container">
                <div class="container_inner">
                    <div class="footer-left">
                        <div><img src="images/tel.jpg" /></div>
                        <div class="tell_list">
                            <ul>
                                <li>
                                    邮 箱: <font color="#fff">seminfo@aliyun.com</font>
                                    <span style="padding-left: 55px;"></span>
                                    数据使用相关: <font color="#fff">seminfo@aliyun.com</font>
                                </li>
                                <li>
                                    地  址：<font color="#fff">中国上海和美国波士顿</font>
                                    <span style="padding-left: 50px;"></span>
                                    数据源（对接谈判）：<font color="#fff">中国上海和美国波士顿</font>
                                </li>
                                <li>
                                    Tel：<font color="#fff">+86&nbsp;18521701931(中)</font>
                                    <span style="padding-left: 59px;"></span>
                                    众源技术支持： <font color="#fff">+86 18521701931 (中)</font>
                                </li>
                                <li>
                                    Tel：<font color="#fff">+86&nbsp;+1 (212) 222-6688 (U.S.)</font>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="footer-left">
                        <div class="link_tit">更多可以了解的信息</div>
                        <div class="link_list">
                            <ul>
                                <li><a href="">法律公告</a></li>
                                <li><a href="">保护您的隐私</a></li>
                                <li><a href="">加入我们</a></li>
                            </ul>
                        </div>
                        <div class="consult">售前QQ咨询</div>
                        <a href="#" style="margin-right:5px;"><img src="images/qq_consult.png" /></a>
                        <a href="#"><img src="images/qq_consult.png" /></a>
                    </div>
                    <div class="footer-left">
                        <div class="footer_code buzz-out"><img src="images/code_icon.png" /></div>
                        <div class="contact_icon">
                            <ul>
                                <li>
                                    <a href=""></a>
                                </li>
                                <li>
                                    <a href=""></a>
                                </li>
                                <li>
                                    <a href=""></a>
                                </li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="copyright">
            <span style="margin-right:25px;">Copyright @ 2016-2017 语义(上海)信息科技有限公司       </span>
            <span>技术支持：<a href="http://www.xingchaoyes.com/index.php" target="_blank" title="星巢网络,网站建设第一站！">星巢网络</a> </span>
        </div>
    </footer>
    <!--弹窗-->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="myModalLabel"></h4>
                </div>
                <div class="modal-body">

                    <div class="form-group form-group-img">
                       <img src="images/head_img.jpg" alt="">
                    </div>
                    <div class="form-group">
                        <input type="text" name="txt_username" class="form-control" id="txt_username" placeholder="账号">
                    </div>
                    <div class="form-group">
                        <input type="text" name="txt_password" class="form-control" id="txt_password" placeholder="密码">
                    </div>
                </div>
                <div class="modal-footer">
                   <div class="form-login">LOGIN</div>
                   <div style="text-align:left;line-height:30px;height:30"><a >LOST&nbsp;PASSWORD</a>&nbsp;&nbsp;&nbsp;&nbsp;<a >REGIST</a></div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery.flexslider.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery.touchSwipe.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/jquery.carouFredSel-6.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
        $(window).load(function () {
            $('.qode_carousels').find('.slides').carouFredSel({
                circular: true,
                responsive: true,
                scroll: {
                    items: 1,
                    duration: 1000,
                    pauseOnHover: false
                },
                items: {
                    <!-- width: 100, -->
                    visible: {
                        min: 1,
                        max: 9
                    }
                },
                auto: true,
                mousewheel: false,
                swipe: {
                    onMouse: true,
                    onTouch: true
                }
            }).animate({
                'opacity': 1
            }, 1000)

            $('.caroufredsel_wrapper').height($('.qode_carousels ul li.item').outerHeight());
        });

        /*******banner图*******/
        $('.flexslider').flexslider({
            animation: "fade",
            slideshow: true,
            animationSpeed: 1000,
            slideshowSpeed: 5000,
            animationSpeed: 1000, //滚动时间ms
            animationLoop: true,
            touch: true //是否支持触屏滑动
        });
        $('.flex-control-nav li a').html('');
        /*************case_sec**************/
        var mySwiper = new Swiper('.swiper-container', {
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            slidesPerView: 3,
            paginationClickable: true,
        });

        /**********partner_sec*****************/
        $('.flexslider2').flexslider({
            animation: "slide",
            slideshowSpeed: 10000, //展示时间间隔ms
            animationSpeed: 1000, //滚动时间ms
            controlNav: false,
            directionNav: true
        });
        $('.flex-direction-nav li a').html('');



        var $window = $(window);
        $window.scroll(function () {
            // var h = $('.counters').offset().top;
            // var h2 = $('.business_list').offset().top;

            if ($(this).scrollTop() > h - 300 && $(this).scrollTop() < h + 500) {
                $(".counter1").stop().animate({
                    count: 561
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter1").text(String(parseInt(this.count)));
                    }
                });
                $(".counter2").stop().animate({
                    count: 69
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter2").text(String(parseInt(this.count)));
                    }
                });
                $(".counter3").stop().animate({
                    count: 2013
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter3").text(String(parseInt(this.count)));
                    }
                });
                $(".counter4").stop().animate({
                    count: 09
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter4").text("0" + String(parseInt(this.count)));
                    }
                });
                $(".counter5").stop().animate({
                    count: 97
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter5").text(String(parseInt(this.count)) + "%");
                    }
                });
            } else {
                $(".counter1").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter1").text(String(parseInt(this.count)));
                    }
                });
                $(".counter2").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter2").text(String(parseInt(this.count)));
                    }
                });
                $(".counter3").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter3").text(String(parseInt(this.count)));
                    }
                });
                $(".counter4").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter4").text("0" + String(parseInt(this.count)));
                    }
                });
                $(".counter5").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter5").text(String(parseInt(this.count)) + "%");
                    }
                });
            }
            if ($(this).scrollTop() > h2 - 400 && $(this).scrollTop() < h2 + 400) {
                $('.business_txt').addClass('cur');
				// $(".business_icon").addClass("bgtransform")
            }
          
        });
    </script>
    <script src="js/bootstrap.min.js"></script>
    <script>
    //注册新增按钮的事件
    $("#login").click(function () {
        $('#myModal').modal();
    });
    </script>
</body>

</html>
 <script type="text/javascript" src="/js/App.min.js"></script>